<script>
import UserMenu from "./UserMenu.vue";
export default {
    name: "PageHeader",
    components: {UserMenu},
    props:{
        content:Array
    },
    methods:{
        back(){
            this.$router.back()
        }
    }
}
</script>

<template>
    <div class="flex row space-between head"  >
        <div class="flex row align-center" style="height: 100%">
            <el-page-header  @back="back" />
            <el-breadcrumb separator="/">
                <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
                <el-breadcrumb-item v-for="item in content" >{{item.title}}</el-breadcrumb-item>
            </el-breadcrumb>
        </div>

        <UserMenu/>
    </div>

</template>

<style scoped>
.head{
    padding: 10px 15px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04)
}
:deep(.el-page-header__title){
    display: flex;
    align-items: center;
    justify-content: center;
}
</style>
